// 入口函数
$(function(){
    var flag = true;
    $('.password i').click(function(e){
        console.log(this);  // 此时this指向i标签 <i class="iconfont icon-yanjing1"></i>
        console.log(e);  // 默认情况下，e和this指向一样
        // toggleClass()
        if(flag){ // 因为页面默认是闭眼，我需要睁眼
            // 先删掉一个类，在添加
            $(this).removeClass('icon-yanjing1').addClass('icon-yanjing');
            // 密码框到文本框
            $('.password input').prop('type','text')
            flag = false;
        }else{ // 闭眼
            $(this).removeClass('icon-yanjing').addClass('icon-yanjing1');
            $('.password input').prop('type','password')
            flag = true
        }
        
    })

    $('.books').click(function(e){
        console.log("books");
        console.log(e);
        console.log(this);
    })

    $('.books li').click(function(e){ // 点击li会触发，books绑定的函数，这个就是冒泡
        console.log("books li")
        console.log(this);
        console.log(e);
        // 阻止冒泡 return false
        e.stopPropagation();
    })
    // $('.books').on('click','li',function(params) {
    //     console.log(this);
    //     alert($(this).text())
    // })
    $('.refresh').click(function(e){
        // 阻止默认功能（刷新）
        e.preventDefault(); 
    })
    $('.bd').click(function (e) {  
        //
        e.preventDefault()
    })


    $('.person li').click(function(params) {
        alert($(this).text())
    })

    // 元素+ - 
    // 1.创建 加濑凉元素
    var liJLL = $('<li>贾乃亮</li>');
    // 2.添加
    $('.person').append(liJLL);
    // 删除
    // $('.person').remove(); // 完全删除，自杀
    // $('.person').empty(); // 删除子节点，子元素，本身不删
    $('.person').html(''); // 替换成空，类似于删除，子元素

    // div>p*2+span 点击按钮添加a

    
    $('.woman').click(function(){
        var aWoman = $('<a>固执</a>'); 
        $('.addA').append(aWoman)
    })

    $('.del').click(function(){
        $('.mr').remove();
    })

    // hover() 两个function，第一个函数是移入，第二个函数是移出
    $('.myMain').hover(function(){
        console.log('移入');
        $(this).css('background','red')
    },function(){
        console.log('移出');
        $(this).css('background','blue')
    });
})